
// 自定义tab 
// 1.需要在app.json 中自定义tabBar配置 custom:true 配置对应的tab页面信息
// 2.需要使用switchTab 切换页面 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
// 3.选中问题在pageLifetimes 页面生命周期中的show赋值一下

Component({

  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
    data: {
        tabList:[
            {
                id:1,
                name:"首页",
                path:"pages/home/home",
                icon:'home'      
            },
            {
                id:2,
                name:"我的",
                path:"pages/my/my",
                icon:'user'      
            }
        ],
        selected:'home',
        pageArray:getCurrentPages()
    },
    pageLifetimes:{
        show: function() {
            // 页面被展示
            const index = this.data.tabList.findIndex((item)=>{
                return item.path === getCurrentPages()[0].route
            })
            this.setData({
                selected:this.data.tabList[index].icon
            })
        },
    },

  /**
   * 组件的方法列表
   */
  methods: {
    tabChange(e) {
        const index = this.data.tabList.findIndex((item)=>{
            return item.icon === e.detail.value
        })
        wx.switchTab({
          url: `/${this.data.tabList[index].path}`,
        })  
    }
  }
})